<template>
  <view class="collapse-content">
    <view class="meeting-scoring">
      <view class="meeting-scoring-main" v-for="(item, index) in data.teamMeetingScoreItemList || []" :key="index">
        <view class="meeting-scoring-main-hd">
          <view>{{ index + 1 >= 10 ? index + 1 : '0' + (index + 1) }}</view>
          <text>{{ item.content }}</text>
        </view>
        <view>
          <text>评价标准：</text>
          <text>{{ item.standard }}</text>
        </view>
        <view>
          <text>扣分上限：</text>
          <text>{{ item.maxDeductMarks || 0 }}分</text>
        </view>
        <view>
          <text>问题描述：</text>
          <text>{{ item.problemDescription || '--' }}</text>
        </view>
        <view>
          <text>扣分处罚：</text>
          <text :class="{ 'meeting-scoring-active': !item.deductScore }">{{ item.deductScore }}分</text>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  props: {
    data: {
      type: Object,
      default: () => ({}),
    },
  },
  filters: {
    empty(val) {
      return val || '--'
    },
  },
}
</script>
<style scoped lang="scss">
.meeting-scoring {
  background: rgb(245, 245, 245);
  .meeting-scoring-main {
    min-height: 342rpx;
    background: #ffffff;
    opacity: 1;
    box-sizing: 30rpx;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 20rpx;
    font-size: 28px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    padding: 30rpx;
    box-sizing: border-box;
    & > view {
      display: flex;
      align-items: flex-start;
      margin-bottom: 20rpx;
      & text:first-child {
        color: #999999;
      }
      & text:last-child {
        display: inline-block;
        flex: 1;
        word-break: break-all;
      }
    }
    .meeting-scoring-main-hd {
      font-size: 34rpx;
      font-family: PingFang SC-Bold, PingFang SC;
      font-weight: bold;
      color: #333333;
      & view {
        width: 52rpx;
        height: 52rpx;
        background: #88b4c4;
        opacity: 1;
        border-radius: 50%;
        font-size: 30rpx;
        color: #ffffff;
        text-align: center;
        line-height: 52rpx;
        overflow: hidden;
        margin-right: 18rpx;
      }
      & text {
      }
    }
  }
  & .meeting-scoring-main:last-child {
    margin-bottom: 0;
  }
  .meeting-scoring-active {
    color: #c87c32;
  }
}
</style>
